import React from 'react';

type workDataProps = {
    image: string;
    title: string;
    description: string;
    contributed:string;
    code_link:string;
    images_and_description: {image: string, description: string}[];
    technology: string;
}

const WorkCard: React.FC<workDataProps> = ({image, title, description, images_and_description   , technology}) => {
    return (
        <div className="max-w-md mx-auto bg-white rounded-md shadow-md overflow-hidden md:max-w-2xl m-3">
            <div className="h-44">
                <img className="h-full w-full object-cover md:h-full" src={image} alt={title}/>
            </div>
            <div className="p-3">
                <h2 className="font-semibold text-md">{title}</h2>
                <div className="mt-2 text-gray-500"><span className="font-bold">描述 : </span>{description}</div>
                <div className="mt-2 text-gray-500"><span className="font-bold">涉及技术 : </span>{technology}</div>
            </div>
        </div>
    );
};

export default WorkCard;